<!DOCTYPE html>
<html>
  <head>
    <meta name="generator" content="HTML Tidy for HTML5 for Windows version 5.2.0" />
    <title>列表</title>
  </head>
  <body>
    <!-- 
			列表分为三种
				有序列表
						- 标签名 ol
						- li 代表的是一行数据
				无序列表
						- 标签名 ul
						- li 代表的是一行数据
				定义列表
						- dl 开始标签
						- dt 代表的是列表项
						- dd 每个列表项的数据
    -->
    <ol>
      <li>这是第一个</li>
      <li>这是第二个</li>
      <li>这是第三个</li>
      <li>
        <span>这是一个嵌套的 span</span>
        <ol>
          <li>这是嵌套 ol</li>
        </ol>
      </li>
    </ol>
    <ul>
      <li>
        <span>吴亦凡</span>
        <ul>
          <li>违法</li>
        </ul>
      </li>
      <li>李易峰</li>
      <li>李云迪</li>
      <li>罗志祥</li>
      <li>
        <span>蔡徐坤</span>
        <ol>
          <li>唱</li>
          <li>跳</li>
          <li>rap</li>
          <li>篮球</li>
        </ol>
      </li>
    </ul>
		<dl>
			<dt>第一项 四大名著</dt>
			<dd>西游记</dd>
			<dd>三国</dd>
			<dd>水浒传</dd>
			<dd>红楼梦</dd>
			
			<dt>王者英雄</dt>
			<dd>后羿</dd>
			<dd>鲁班</dd>
			<dd>安琪拉</dd>
			<dd>兰陵王</dd>
			<dd>司马懿</dd>
			
			
			<dt>英雄联盟</dt>
			<dd>寒冰</dd>
			<dd>诺手</dd>
			<dd>亚索</dd>
			<dd>盖伦</dd>
			
			
		</dl>
  </body>
</html>
